<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mobile-dialog material-set-up-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog.item.plot_no"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page" style="padding: 16px 16px 0px;flex: initial;">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mobile01.materialsetup.material_no' | translate" ></label>
                <input type="text" readonly ng-model="dialog.materialItem.group_material_no" ng-click="dialog.loadMaterialNoList();"></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mobile01.materialsetup.patch_no' | translate" ></label>
                <input type="text" readonly ng-model="dialog.materialItem.materials_lot_no" ng-click="dialog.loadPatchNoList();"></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mobile01.materialsetup.material_qty' | translate" ></label>
                <input type="text" mdl-calculater="dialog.materialItem.qty"></input>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mobile01.materialsetup.material_list' | translate" ></label>
                <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="dialog.add_or_loadPatchNo();">
                    <img src="image/icons/add_48x48.png" style="width:30px; height:30px;"></img>
                </button>
            </div>
        </div>
        <div class="kmi-list" style="border-top: 1px #cecece solid;">
            <div class="kmi-list__row-content">
                <div class="row-content" ng-repeat="item in dialog.materialsInfo track by $index" style="padding-right: 60px;">
                    <div class="kmi-row-fields">
                        <div class="column-item row-title" ng-bind="item.materials_no"></div>
                    </div>
                    <div class="kmi-row-fields">
                        <div class="column-item left" ng-bind="item.materials_lot_no"></div>
                        <div class="column-item right" ng-bind="'mobile01.qty' | translate"></div>
                        <input mdl-calculater="item.qty">
                    </div>
                    <div class="row-button">
                        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon"
                             ng-click="dialog.remove(item);">
                            <img src="image/icons/delete.png" style="width:30px; height:30px;"></img>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-mobile__btn-content">
            <button class="kmi-button__mobile" ng-click="dialog.confirm();">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
</div>
